All keyboard shortcuts are now configurable. Users can customize navigation keys (K, A, D, etc.), UI controls (backtick for sidebar), and action shortcuts (N, F, G, etc.) through a new Settings section.

Changes

Store & State Management

• Added KeyboardShortcuts interface with 17 configurable shortcuts
• Store actions: setKeyboardShortcut, setKeyboardShortcuts, resetKeyboardShortcuts
• Persists to localStorage

Hook Refactor

• Replaced static NAV_SHORTCUTS, UI_SHORTCUTS, ACTION_SHORTCUTS exports
• New useKeyboardShortcutsConfig() hook pulls shortcuts from store
• All components updated to use dynamic shortcuts

Settings UI

• Three categories: Navigation (7), UI Controls (1), Actions (9)
• Inline editing with real-time conflict detection
• Visual indicators for modified shortcuts (colored border + label)
• "Reset All to Defaults" button

Implementation Notes

• Some shortcuts intentionally share keys (e.g., "N" for addFeature/newSession/addProfile) - they're context-specific and only active in their respective views
• Changes take effect immediately
• Input supports special characters (backtick, etc.) with maxLength=2

// Before: Static constants
const shortcuts = {
  key: NAV_SHORTCUTS.board,
  action: () => setCurrentView("board")
};

// After: Dynamic from store
const shortcuts = useKeyboardShortcutsConfig();
const shortcut = {
  key: shortcuts.board,
  action: () => setCurrentView("board")
};

• Fixes allow customizablity for all hotkeys in settings #4

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.